<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>导航</title>
    <link rel="stylesheet" href="../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../bootstrap-icons-1.13.1/bootstrap-icons.min.css">
</head>
<body>
    <div class="container">
        <!--
            nav:导航栏
            nav-item  导航项
            nav-link  导航链接
            justify-content-center: 居中对齐
            flex-column : 垂直导航
            nav-tabs: 选项卡， 需要结合active使用，active添加在导航链接中
            nav-pills ： pill导航
            nav-justified :选项卡等宽
        -->
        <ul class="nav border nav-pills nav-justified navbar-brand">
            <li class="nav-item ">
                <a href="#" class="nav-link active  bi-browser-chrome">首页</a>
            </li>
             <li class="nav-item ">
                <a href="#" class="nav-link bi-browser-edge">人工智能</a>
            </li>
             <li class="nav-item ">
                <a href="#" class="nav-link bi-browser-firefox">低空经济</a>
            </li>
             <li class="nav-item ">
                <a href="#" class="nav-link bi-browser-safari">数字安防</a>
            </li>
             <li class="nav-item ">
                <a href="#" class="nav-link bi-book-fill">智能制造</a>
            </li>
              <li class="nav-item">
                <a href="#" class="nav-link disabled bi-book-half">禁用</a>
            </li>
        </ul>
    </div>
</body>
</html>